<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <title>jQuery Ribbon</title>

    <script src="scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<!--
    <script src="scripts/jquery-2.0.3.js" type="text/javascript"></script>
    <script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
-->
	 <script src="scripts/ejs.js" type="text/javascript"></script>
    <script src="scripts/jquery.ribbon.js" type="text/javascript"></script>
    <script src="scripts/WebViewerFull.js" type="text/javascript"></script>
    <link href="style.css" rel="Stylesheet" type="text/css" />
    <link href="rhea.css" rel="Stylesheet" type="text/css" />
</head>
<body>
    <div class="mainContainer">
    </div>

<div class="top_container" style="padding: 0px;">
	<!-- <div class="view_container" style="padding: 0px; left: 0px; top: 54px; position: relative; width: 974px; height: 771px;"> -->
	<div class="view_container" style="padding: 0px; left: 0px; top: 0px; position: relative; width: 974px; height: 771px;">
		<div class="document_container" style="opacity: 1; left: 0px; top: 0px; position: absolute; width: 974px; height: 760px;">
			<div class="page_container">
				<div id="cont_id_01" class="page_view" style="width: 891.43px; height: 1154.37; margin-left: 33.785000000000025px; margin-right: 33.785000000000025px;">
					<svg class="page_content" overflow="hidden" width="891.43" height="1154.37">
						<defs></defs>
						<g transform="matrix(0.8016456834532374,0.0,0.0,0.8016456834532374,0.0,0.0)">
							<image fill-opacity="0" stroke="none" stroke-opacity="0" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" x="0" y="0" width="1112" height="1440" preserveAspectRatio="none" xlink:href="images/data1.png"></image>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
							</g>
						</g>
						<g></g>
					</svg>
				</div>
				<div class="annotations_view" style="-webkit-transform: scale(0.80164568) translateX(-97px) translateY(-179px)">
					<canvas id="anno-id-01" width="1112" height="1440">
						<p>Canvas not supported</p>
					</canvas>
				</div>
			</div>
			<div class="page_container">
				<div id="cont_id_02" class="page_view" style="width: 891.43px; height: 1156.24px; margin-left: 33.785000000000025px; margin-right: 33.785000000000025px;">
					<svg class="page_content" overflow="hidden" width="891.43" height="1156.24">
						<defs></defs>
						<g transform="matrix(0.8016456834532374,0.0,0.0,0.8016456834532374,0.0,0.0)">
							<image fill-opacity="0" stroke="none" stroke-opacity="0" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" x="0" y="0" width="1112" height="1440" preserveAspectRatio="none" xlink:href="images/data2.png"></image>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
							</g>
						</g>
						<g></g>
					</svg>
				</div>
			</div>
			<!--
			<div class="page_container" style="-webkit-transform: scale(1.0) rotate(270deg);">
			-->
			<div class="page_container">
				<div id="cont_id_03" class="page_view" style="width: 891.43px; height: 1156.24px; margin-left: 33.785000000000025px; margin-right: 33.785000000000025px;">
					<svg class="page_content" overflow="hidden" width="891.43" height="1156.24">
						<defs></defs>
						<g transform="matrix(0.8016456834532374,0.0,0.0,0.8016456834532374,0.0,0.0)">
							<image fill-opacity="0" stroke="none" stroke-opacity="0" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" x="0" y="0" width="1112" height="1440" preserveAspectRatio="none" xlink:href="images/data1.png"></image>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
							</g>
						</g>
						<g></g>
					</svg>
				</div>
			</div>
			<div class="page_container">
				<div id="cont_id_04" class="page_view" style="width: 891.43px; height: 1156.24px; margin-left: 33.785000000000025px; margin-right: 33.785000000000025px;">
					<svg class="page_content" overflow="hidden" width="891.43" height="1156.24">
						<defs></defs>
						<g transform="matrix(0.8016456834532374,0.0,0.0,0.8016456834532374,0.0,0.0)">
							<image fill-opacity="0" stroke="none" stroke-opacity="0" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" x="0" y="0" width="1112" height="1440" preserveAspectRatio="none" xlink:href="images/data2.png"></image>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
								<g></g>
							</g>
							<g transform="matrix(0.13082353,0.00000000,0.00000000,-0.13090909,0.00000000,1440.00000000)">
							</g>
						</g>
						<g></g>
					</svg>
				</div>
			</div>
		</div>
	</div>
</div>

    <div id="viewercontainer" class="box">
    </div>

</body>
</html>
